<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	    <link rel="stylesheet" href="../../css/aui.css">
	    <link rel="stylesheet" href="../../css/moneyOrder.css">
	    <script src="../../js/api.js"></script>
	    <title>上传汇款单</title>
	</head>
	<body>
		
		<div id="box">
			
			<div class="WD-shenti">
				
				
				<div class="WD-nav">
					<div class="Zheng">
						<img src="../../img/moneyOrder.png" />
						<input type="file" class="zhengTab" accept="image/*" />
					</div>
				</div>
				
				<div class="order flex between">
					<div class="dIv1">
						打款备注
					</div>
					<div class="tel">
						<input type="text" placeholder="请输入打款备注" />
					</div>
				</div>
				
				<div class="orderBtn" style="margin-top: 2.5rem">提交</div>
			</div>
			
		</div>	
	</body>
	<script src="../../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(function(){
			 $('.zhengTab').on('change',function () {
					var obj = $('.zhengTab').get(0);
					var result = new FileReader();
					result.readAsDataURL(obj.files[0]);
					result.onload = function () {
                        $('.Zheng').find('img').attr('src',this.result);
                        
                    }
             });
		})
	</script>
</html>
